<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>日志</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- favicon
		============================================ -->
    <link rel="shortcut icon" type="image/x-icon" href="admin/img/logo/icon.png">
    <!-- Google Fonts
		============================================ -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/bootstrap.min.css">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/font-awesome.min.css">
    <!-- nalika Icon CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/nalika-icon.css">
    <!-- owl.carousel CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/owl.carousel.css">
    <link rel="stylesheet" href="admin/css/owl.theme.css">
    <link rel="stylesheet" href="admin/css/owl.transitions.css">
    <!-- animate CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/animate.css">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/normalize.css">
    <!-- meanmenu icon CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/meanmenu.min.css">
    <!-- main CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/main.css">
    <!-- morrisjs CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/morrisjs/morris.css">
    <!-- mCustomScrollbar CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/scrollbar/jquery.mCustomScrollbar.min.css">
    <!-- metisMenu CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/metisMenu/metisMenu.min.css">
    <link rel="stylesheet" href="admin/css/metisMenu/metisMenu-vertical.css">
    <!-- calendar CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="admin/css/calendar/fullcalendar.print.min.css">
    <!-- calendar CSS
      ============================================ -->
    <link rel="stylesheet" href="admin/css/calendar/fullcalendar.min.css">
    <link rel="stylesheet" href="admin/css/calendar/fullcalendar.print.min.css">
    <!-- style CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/style.css">
    <!-- responsive CSS
		============================================ -->
    <link rel="stylesheet" href="admin/css/responsive.css">
    <!-- modernizr JS
		============================================ -->
    <script src="admin/js/vendor/modernizr-2.8.3.min.js"></script>

    <style>
        #show-log table {
            font-size: larger;
            margin: auto auto auto 50px;
            /* border: #152036 solid 2px; */
            border-radius: 20px;
            /* background-color: aquamarine; */
        }
        
        #show-log table tr:nth-child(odd) {
            font-weight: 500;
            /* background-color: rgba(255, 192, 239, 0.555); */
        }
        
        #show-log table tr:nth-child(even) {
            opacity: 70%;
            /* background-color: rgba(255, 192, 227, 0.658); */
        }
        
        #show-log table th {
            /* border-right: #152036 solid 2px; */
            border-bottom: #152036 solid 3px;
            margin: 20px;
            /* background-color: rgba(107, 205, 50, 0.39); */
            padding: 20px;
            line-height: 30px;
        }
        
        #show-log table td {
            /* border-right: #152036 solid 2px; */
            border-bottom: #152036 solid 2px;
            margin: 10px;
            padding: 20px;
        }
    </style>






</head>

<body>
    <!--    &lt;!&ndash;[if lt IE 8]>-->
    <!--            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>-->
    <!--        <![endif]&ndash;&gt;-->

    <div class="left-sidebar-pro">
        <nav id="sidebar" class="">
            <div class="sidebar-header">
                <h3>设备维修系统</h3>
                <strong><img src="admin/img/logo/icon.png" alt="" /></strong>
            </div>
            <div class="nalika-profile">
                <div class="profile-dtl">
                    <a href="#"><img src="admin/img//logo/manager.png" alt="" /></a>
                    <h2>公司任命 <span class="min-dtn">管理员</span></h2>
                </div>
                <div class="profile-social-dtl">

                </div>
            </div>
            <div class="left-custom-menu-adp-wrap comment-scrollbar">
                <nav class="sidebar-nav left-sidebar-menu-pro">
                    <ul class="metismenu" id="menu1">
                        <li class="active">
                            <a class="has-arrow" href="index-2.html">
                                <i class="icon nalika-forms icon-wrap"></i>
                                <span class="mini-click-non">维修管理</span>
                            </a>
                            <ul class="submenu-angle" aria-expanded="true">

                                <li><a title="charts" th:href="@{/showStatistics(AId=${AId})}"><span class="mini-sub-pro">维修信息统计</span></a></li>
                                <li><a title="Lists" th:href="@{/toCheckTasks(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">维修信息汇总</span></a></li>



                            </ul>
                        </li>

                        <li>
                            <a class="has-arrow" href="mailbox.html" aria-expanded="false"><i class="icon nalika-new-file icon-wrap"></i> <span class="mini-click-non">人员管理</span></a>
                            <ul class="submenu-angle" aria-expanded="false">
                                <li><a title="clients" th:href="@{/toCheckClients(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">职员汇总</span></a></li>
                                <li><a title="workers" th:href="@{/toCheckWorkers(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">维修人员汇总</span></a></li>

                            </ul>
                        </li>

                        <li>
                            <a class="has-arrow" href="mailbox.html" aria-expanded="false"><i class="icon nalika-home icon-wrap"></i> <span class="mini-click-non">库存管理</span></a>
                            <ul class="submenu-angle" aria-expanded="false">
                                <li><a title="storage" th:href="@{/showWarehouse(AId=${AId})}"><span class="mini-sub-pro">库存查看</span></a></li>
                                <li><a title="check" th:href="@{/toCheckMaterial(AId=${AId},pageNum=1)}"><span class="mini-sub-pro">设备申请审核</span></a></li>
                            </ul>
                        </li>
                        <li>
                            <a th:href="@{/log(AId=${AId},pageNum=1,startTime='2021-07-14T00:00',endTime='2021-07-14T23:59')}" aria-expanded="false"><img src="admin/img/log.png" style="width: 20px;margin-right: 10px;"><span class="mini-click-non">日志</span></a>
                        </li>
                    </ul>
                </nav>
            </div>
        </nav>
    </div>
    <!-- Start Welcome area -->
    <div class="all-content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="logo-pro">
                        <a href="index-2.html"><img class="main-logo" src="admin/img/logo/logo.png" alt="" /></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-advance-area">
            <div class="header-top-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="header-top-wraper">
                                <div class="row">
                                    <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
                                        <div class="menu-switcher-pro">
                                            <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn">
													<i class="icon nalika-menu-task"></i>
												</button>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-7 col-sm-6 col-xs-12">
                                        <div class="header-top-menu tabl-d-n">
                                            <div class="breadcome-heading">
                                                <form role="search" class="">
                                                    <input type="text" placeholder="Search..." class="form-control">
                                                    <a href=""><i class="fa fa-search"></i></a>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
                                        <div class="header-right-info">
                                            <ul class="nav navbar-nav mai-top-nav header-right-menu">


                                                <li class="nav-item">
                                                    <a href="#" data-toggle="dropdown" role="button" aria-expanded="false" class="nav-link dropdown-toggle">
                                                        <i class="icon nalika-user" aria-hidden="true"></i>
                                                        <span class="admin-name">管理员</span>
                                                        <i class="icon nalika-down-arrow nalika-angle-dw"></i>
                                                    </a>
                                                    <ul role="menu" class="dropdown-header-top author-log dropdown-menu animated zoomIn">
                                                        <li><a th:href="@{/lock(AId=${AId})}"><span class="icon nalika-diamond author-log-ic icon nalika-unlocked author-log-ic"></span> 锁屏</a>
                                                        </li>
                                                        <li><a th:href="@{/priority(AId=${AId})}"><span class="icon nalika-settings author-log-ic"></span> 我的权限</a>
                                                        </li>
                                                        <li><a href="#" data-toggle="modal" data-target="#exampleModalLiveLogout"><span class="icon nalika-diamond author-log-ic" ></span> 退出登录</a>
                                                        </li>
                                                    </ul>
                                                </li>

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu start -->

            <!-- Mobile Menu end -->
            <div class="breadcome-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="breadcome-list">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                        <div class="breadcomb-wp">
                                            <div class="breadcomb-icon">
                                                <!-- <i class="icon nalika-home"></i> -->
                                                <img src="admin/img/log.png" style="width: 35px;margin-left: 25px;">
                                            </div>
                                            <div class="breadcomb-ctn">
                                                <h1 style="color: white">操作日志</h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="product-status mg-b-30">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="product-status-wrap">
                            <form action="/log" method="get" id="timeSelector">
                                <div id="select-time" style="margin-left: 50px;margin-bottom: 30px;color: white;width: 90%;border-bottom: #152036 solid 4px;line-height: 50px;display: flex;flex-direction: row;">
                                    <span>时间范围：</span>
                                    <input name="AId" type="hidden" th:value="${AId}">
                                    <input name="pageNum" type="hidden" th:value="${pageNum}">
                                    <input id="startTime" name="startTime" type="datetime-local" style="width: 170px;height: 40px;background-color: #eee;border: #333 solid 1px;color: black;" value="2021-07-14 00:00:00" />
                                    <span>&nbsp; -- &nbsp;</span>
                                    <input id="endTime" name="endTime" type="datetime-local" style="width: 170px;height: 40px;background-color: #eee;border: #333 solid 1px;color: black;" value="2021-07-14 23:59:59" />
                                    <button style="background-color: #eee;border: #333 solid 1px;color: #8a8a8a;height: 40px;line-height: 40px;margin-left: 20px;border-radius: 8px;" onclick="searchlog()">
                                        <img src="admin/img/select.png" style="width: 25px;position: relative;top: -5px;">
                                        查询
                                    </button>
                                </div>
                            </form>
                            <div id="show-log" style="color: white;opacity: 80%;">


                                <table style="color: white;">
                                    <tr>
                                        <th style="width: 150px;">&nbsp;</th>
                                        <th style="width: 250px;">时间</th>
                                        <th style="width: 400px;">操作描述</th>
                                        <th style="width: 120px;">操作人</th>
                                    </tr>
                                    <tr th:each="adminLog:${adminLogList}">
                                        <td th:text="${adminLog.getLogId()}" style="text-align: center;">
                                            ${日志的序号1}
                                        </td>
                                        <td th:text="${adminLog.getLogTime()}">
                                            ${时间}
                                        </td>
                                        <td th:text="${adminLog.getLog()}">${日志描述}</td>
                                        <td th:text="${adminLog.getAId()}">
                                            admin
                                        </td>
                                    </tr>

<!--                                    <tr>-->
<!--                                        <td th:text="${日志的序号}" style="text-align: center;">-->
<!--                                            ${日志的序号1}-->
<!--                                        </td>-->
<!--                                        <td th:text="${时间}">-->
<!--                                            ${时间}-->
<!--                                        </td>-->
<!--                                        <td th:text="${日志描述}">${日志描述}</td>-->
<!--                                        <td th:text="${操作者}">-->
<!--                                            admin-->
<!--                                        </td>-->
<!--                                    </tr>-->
<!--                                    <tr>-->
<!--                                        <td th:text="${日志的序号}" style="text-align: center;">-->
<!--                                            ${日志的序号1}-->
<!--                                        </td>-->
<!--                                        <td th:text="${时间}">-->
<!--                                            ${时间}-->
<!--                                        </td>-->
<!--                                        <td th:text="${日志描述}">${日志描述}</td>-->
<!--                                        <td th:text="${操作者}">-->
<!--                                            admin-->
<!--                                        </td>-->
<!--                                    </tr>-->
<!--                                    <tr>-->
<!--                                        <td th:text="${日志的序号}" style="text-align: center;">-->
<!--                                            ${日志的序号1}-->
<!--                                        </td>-->
<!--                                        <td th:text="${时间}">-->
<!--                                            ${时间}-->
<!--                                        </td>-->
<!--                                        <td th:text="${日志描述}">${日志描述}</td>-->
<!--                                        <td th:text="${操作者}">-->
<!--                                            admin-->
<!--                                        </td>-->
<!--                                    </tr>-->
                                </table>
                            </div>

                            <!-- 一页只显示4条log记录，翻页，页码？ -->
                            <div class="custom-pagination" style="margin-left: 50px;">
                                <ul class="pagination">
                                    <li class="page-item" th:if="${pageNum} neq 1"><a class="page-link" th:href="@{/log(AId=${AId},pageNum=(${pageNum}-1),startTime=${startTime},endTime=${endTime})}">前一页</a></li>
                                    <li class="page-item" th:each="num : ${#numbers.sequence(1,totalNum)}"><a class="page-link" th:href="@{/log(AId=${AId},pageNum=${num},startTime=${startTime},endTime=${endTime})}" th:text="${num}">1</a></li>
                                    <li class="page-item" th:if="${pageNum} neq ${totalNum}"><a class="page-link" th:href="@{/log(AId=${AId},pageNum=(${pageNum}+1),startTime=${startTime},endTime=${endTime})}">后一页</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-copyright-area ">
            <div class="container-fluid ">
                <div class="row ">
                    <div class="col-lg-12 ">
                        <div class="footer-copy-right ">
                            <p>到底了！</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="exampleModalLiveLogout" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" >确认要退出吗</h4>

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <a href="/signOut"><button type="button" class="btn btn-primary" >退出</button></a>
                </div>
            </div>
        </div>
    </div>

    <script>
        function searchlog() {
            $("#timeSelector").submit();
        }
    </script>

    <!-- jquery
		============================================ -->
    <script src="admin/js/vendor/jquery-1.12.4.min.js "></script>
    <!-- bootstrap JS
		============================================ -->
    <script src="admin/js/bootstrap.min.js "></script>
    <!-- wow JS
		============================================ -->
    <script src="admin/js/wow.min.js "></script>
    <!-- price-slider JS
		============================================ -->
    <script src="admin/js/jquery-price-slider.js "></script>
    <!-- meanmenu JS
		============================================ -->
    <script src="admin/js/jquery.meanmenu.js "></script>
    <!-- owl.carousel JS
		============================================ -->
    <script src="admin/js/owl.carousel.min.js "></script>
    <!-- sticky JS
		============================================ -->
    <script src="admin/js/jquery.sticky.js "></script>
    <!-- scrollUp JS
		============================================ -->
    <script src="admin/js/jquery.scrollUp.min.js "></script>
    <!-- mCustomScrollbar JS
		============================================ -->
    <script src="admin/js/scrollbar/jquery.mCustomScrollbar.concat.min.js "></script>
    <script src="admin/js/scrollbar/mCustomScrollbar-active.js "></script>
    <!-- metisMenu JS
		============================================ -->
    <script src="admin/js/metisMenu/metisMenu.min.js "></script>
    <script src="admin/js/metisMenu/metisMenu-active.js "></script>
    <!-- morrisjs JS
		============================================ -->
    <script src="admin/js/sparkline/jquery.sparkline.min.js "></script>
    <script src="admin/js/sparkline/jquery.charts-sparkline.js "></script>
    <!-- calendar JS
		============================================ -->
    <script src="admin/js/calendar/moment.min.js "></script>
    <script src="admin/js/calendar/fullcalendar.min.js "></script>
    <script src="admin/js/calendar/fullcalendar-active.js "></script>
    <!-- tab JS
		============================================ -->
    <script src="admin/js/tab.js "></script>
    <!-- wizard JS
		============================================ -->
    <script src="admin/js/wizard/jquery.steps.js "></script>
    <script src="admin/js/wizard/steps-active.js "></script>
    <!-- plugins JS
		============================================ -->
    <script src="admin/js/plugins.js "></script>
    <!-- main JS
		============================================ -->
    <script src="admin/js/main.js "></script>
</body>

</html>